import TypeCount from "@/components/TypeCount";
import Title from "../../components/title";
import "./index.less";
import IndicatorPercent from "@/components/IndicatorPercent";

const L_3_box = (props: any) => {
  return (
    <div className="mt-[10px]">
      <Title title={"车辆数量 ( 今日 )"} />
      <div className="box_content">
        <div className="cheliang flex items-center justify-between pl-[70px] pr-[40px]">
          <div className="font16">车辆数量 ( 今日 )</div>
          <div>
            <TypeCount
              title=""
              size="small"
              color="#12FFFC"
              value="2372"
              unit="辆"
            />
          </div>
        </div>
        <div className="flex justify-between items-center pt-[10px] px-[10px] text-center">
          <div className="l3-bg ">
            <div className="text-center h-[20px] font16">入口</div>
            <div className="text-[#12FFFC] text-center h-[32px]">3273</div>
            <div className="font12 h-[20px]">
              <div>同比 <span>21.2%</span></div>
            </div> 
              <div className="font12 h-[15px]">
              <div>同比 <span>21.2%</span></div>
            </div>
            
          </div>
          <div className="l3-bg ">
            <div className="text-center h-[20px] font16">入口</div>
            <div className="text-[#12FFFC] text-center h-[32px]">3273</div>
            <div className="font12 h-[20px]">
              <div>同比 <span>21.2%</span></div>
            </div> 
              <div className="font12 h-[15px]">
              <div>同比 <span>21.2%</span></div>
            </div>
            
          </div>
          <div className="l3-bg ">
            <div className="text-center h-[20px] font16">入口</div>
            <div className="text-[#12FFFC] text-center h-[32px]">3273</div>
            <div className="font12 h-[20px]">
              <div>同比 <span>21.2%</span></div>
            </div> 
              <div className="font12 h-[15px]">
              <div>同比 <span>21.2%</span></div>
            </div>
            
          </div>
          <div className="l3-bg ">
            <div className="text-center h-[20px] font16">入口</div>
            <div className="text-[#12FFFC] text-center h-[32px]">3273</div>
            <div className="font12 h-[20px]">
              <div>同比 <span>21.2%</span></div>
            </div> 
              <div className="font12 h-[15px]">
              <div>同比 <span>21.2%</span></div>
            </div>
            
          </div>
        </div>
      </div>
    </div>
  );
};
export default L_3_box;
